<script setup>
import HomeCategory from '@/views/Home/components/HomeCategory.vue'
import HomeBanner from '@/views/Home/components/HomeBanner.vue'
// import HomeNew from '@/views/Home/components/HomeNew.vue'
// import HomeHot from '@/views/Home/components/HomeHot.vue'
import HomeProduct from '@/views/Home/components/HomeProduct.vue'
import HomeHotWordCloud from '@/views/Home/components/HomeHotWordCloud.vue'
import { listSearch } from '@/apis/home'
import { onMounted, ref } from 'vue'
// 热搜词数据
const hotWords = ref([])
//获取热搜词数据
const getHotSearchList = async () => {
  const res = await listSearch()
  hotWords.value = res.data
}
onMounted(() => {
  getHotSearchList()
})
</script>
<template>
  <div class="container">
    <HomeCategory></HomeCategory>
    <HomeBanner></HomeBanner>
    <HomeHotWordCloud :words="hotWords" />
  </div>

  <!-- <HomeNew></HomeNew> -->
  <!-- <HomeHot></HomeHot> -->
  <HomeProduct></HomeProduct>
</template>
